import React from "react";
import { Space, Segmented } from "antd";
import { useThemeToken } from "@/constants";

// const options = [
//   { label: '自动', value: 'auto' },
//   { label: '亮色', value: 'light' },
//   { label: '暗色', value: 'dark' },
// ];

 const ThemeSetting: React.FC = () => {
  const {themeAppearance, setThemeAppearance, themeList} = useThemeToken();

  return <Space >
  主题模式:
  <Segmented
    value={themeAppearance}
    onChange={(v) => setThemeAppearance(v)}
    options={themeList}
  />
</Space>
}

export default ThemeSetting;
